<template>
	<view class="details ">
		
		
	</view>

</template>

<script>
	// /api/job/detail
	import footerTer from "../../components/footer.vue"
	import {
		Request
	} from '@/utils/request.js'
	// api/special/get_grade_cate
	export default {
		components:{
			footerTer
		},
	    data() {
	        return {
	            indicatorDots: false,
				tabData:[],
				special_list:[],
				tabIndex:0,
				tabId:'',
	        }
	    },
		onLoad({id}) {
			this.tabId=id;
			this.jobdetail();
			// this.specialGet_special_list();
			//navigator.back();
		},
	    methods: {
			goPages(path){
				uni.navigateTo({
					url:path
				})
			},
			goPagesConste(){
				// uni.navigator.back();
				uni.navigateBack({ delta: 1 })
			},
			// navigator.back();
			onmakePhoneCall(){
				uni.makePhoneCall({
					phoneNumber: '19153191198' //仅为示例
				});
			},
	       jobdetail(){
			   Request('job/detail',{
				   id:this.tabId
			   }).then(data => {
			   	const tdata = data || [];
			   	this.tabData = tdata;
			   })
		   },
	    }
	}
</script>

<style scoped>
	.header{
		height: 90rpx;
		line-height: 90rpx;
		box-sizing: border-box;
		position: relative;
		width: 100%;
	}
	.header .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 32rpx;
		text-align: center !important;
		width: 100%;
		color: #0D0E0F;
		margin: 0 auto;
		text-align: center;
		font-style: normal;
		text-transform: none;
	}
	.header-left {
		position: absolute;
		left: 24rpx;
		top: 50%;
		transform: translate(0,-50%);
	}
	.header-left .img{
		width: 30rpx;
		height: 30rpx;
		transform: rotate(-180deg);
	}
	.header-right{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #3B5EEC;
		font-style: normal;
		text-transform: none;
	}
	.header-right {
		position: absolute;
		right: 24rpx;
		top: 50%;
		transform: translate(0,-50%);
	}
	.header-right .img{
		width: 32rpx;
		height: 32rpx;
		margin-right: 5rpx;
	}
	.JobDetails-title{
		/* height: 376rpx; */
		padding-top: 90rpx;
		width: 100%;
		background-size: 100% 376rpx;
		background-repeat: no-repeat;
	}
	.imconterLius{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
		text-transform: none;
	}
	.imconterLius .im{
		width: 28rpx;
		margin-right: 20rpx;
		height: 28rpx;
	}
	.JobDetails-conter{
		width: 702rpx;
		height: 442rpx;
		box-sizing: border-box;
		padding: 32rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(67,93,228,0.14);
		border-radius: 24rpx 24rpx 24rpx 24rpx;
	}
	.details .title{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 40rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		text-transform: none;
	}
	.details .tim{
		font-family: MiSans, MiSans;
		font-weight: 600;
		font-size: 32rpx;
		color: #3B5EEC;
		text-align: left;
		margin-bottom: 24rpx;
		font-style: normal;
		text-transform: none;
	}
	.details .funLoufa{
		width: 100%;
		height: 150rpx;
		box-sizing: border-box;
		padding: 38rpx 25rpx;
		background-size: 100% 100%;
	}
	.details  .funLoufa .icon{
		width: 28rpx;
		height: 28rpx;
		max-width: 28rpx;
		min-width: 28rpx;
		margin-top: 5rpx;
		margin-right: 12rpx;
	}
	.details  .funLoufa .omeTnge{
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	
	.details .funLoufa .gongsDel{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 24rpx;
		color: #8F9294;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.sun-ttle{
		margin-top: 40rpx;
		margin-bottom: 24rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 36rpx;
		color: #0D0E0F;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}
	.sun-list{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #8F9294;
		line-height: 48rpx;
		text-align: left;
		font-style: normal;
		border-bottom: 1rpx solid #E1E4E8;
		text-transform: none;
		padding-bottom: 32rpx;
		margin-bottom: 26rpx;
	}
	/* .mott{
		margin-bottom: 186rpx;
	} */
	.sun-list .l{
		margin-right: 24rpx;
	}
	.sun-list .r{
		color: #646669;
	}
	.JobDetails{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 750rpx;
		height: 98rpx;
		background: #FFFFFF;
		box-sizing: border-box;
		padding: 9rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	.JobDetails .btn{
		width: 702rpx;
		height: 80rpx;
		box-sizing: border-box;
		margin: 0 auto;
		background: #3B5EEC;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		font-style: normal;
		text-transform: none;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}
</style>